import QtQuick 2.2
import QtQuick.Controls 1.1
import QtQuick.Layouts 1.1
import QtQuick.Controls.Styles 1.1

Button {
    Layout.minimumWidth: 100
    Layout.preferredWidth: 200
    Layout.preferredHeight: 100
    anchors.horizontalCenter: parent.horizontalCenter
    style: ButtonStyle {
        background: Rectangle {
            implicitWidth: 100
            implicitHeight: 25
            border.width: control.activeFocus ? 2 : 1
            border.color: "#888"
            radius: (height < width ? height / 2 : width / 2)
            gradient: Gradient {
                GradientStop { position: 0 ; color: control.pressed ? "cadetblue" : "#bbb" }
                GradientStop { position: 1 ; color: control.pressed ? "cadetblue" : "#bbb" }
            }
        }
    }
}
